<lv-datatable [lvData]="data" #lvTable>
  <thead>
    <tr>
      <th lvCellKey="id" width="100px">ID</th>
      <th lvCellKey="name" width="300px">
        <span lv-overflow>Name (Through Michael's life the nature of the family business becomes clear.)</span>
      </th>
      <th lvCellKey="age">
        <span class="multi-line" lv-overflow>
          Age (Through Michael's life the nature of the family business becomes clear life the nature of the family business becomes clear.)
        </span>
      </th>
      <th lvCellKey="description">Description</th>
    </tr>
  </thead>
  <tbody>
    <ng-container *ngFor="let item of lvTable.renderData; let i = index">
      <tr>
        <td>{{ item.id }}</td>
        <td>
          <span>{{ item.name }}</span>
        </td>
        <td>{{ item.age }}</td>
        <td (click)="getFileDetail(item)">
          <span lv-overflow *ngIf="i % 2 === 0">
            <span *ngFor="let o of item.description" [ngClass]="{ 'aui-text-active': o.isMatch }">{{ o.label }}</span>
          </span>
          <ng-container *ngIf="i % 2 !== 0">
            <span *ngFor="let o of item.description" [ngClass]="{ 'aui-text-active': o.isMatch }">{{ o.label }}</span>
          </ng-container>
        </td>
      </tr>
    </ng-container>
  </tbody>
</lv-datatable>

<ul>
  <li>表头支持单行及两行显示（最多只能显示两行）</li>
</ul>
